<!DOCTYPE html>
<html>
    <head>
        <title></title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <style>
            .border{ border: 5px solid red }
            .bold{ font-weight: bold; font-size: 20px;}
            .big{ width: 200px; height: 50px; }
        </style>
        <script type="text/javascript" src="../core.js"></script>
        
    </head>
    <body>
        <div>TODO write content</div>
        <ul id="menu">
            <li id="submenu">evren</li>
            <li>ceyhan</li>
            <li><a href="#">bilgen</a></li>
            <li>kadri</li>
            <li>guntac</li>
        </ul>
        
        <p id="intro-text">this is an intro text with id = intro-text</p>
        <p id="intro--text">this is an intro text with id = intro--text</p>
        <p id="_text">another text with id = _text</p>
        <p id="text_">another text with id = text_</p>
        <span id="Wrapper">this is the content are which has ID = #content</span>
        <span id="wrapper" class="border">this is the sub content which has ID = #subcontent and class = .border</span>
        <div class="bordeR">div layer with class = bordeR</div>
        
        <div id="div_outer">
            text node of outer div
            <div id="div_inner">
                text node of inner div
                <div id="div_inner_sub">
                    text node of sub inner div
                </div>
            </div>
        </div>
        
        <form name="contact_form" method="post" action="http://localhost">
            First Name<input type="text" name="firstname" value=""/><br/>
            Last Name<input type="text" name="lastname" value=""/><br/>
            Email<input type="text" name="email" value=""/><br/>
            <br/>
            <input type="checkbox" name="gender" value="m"/>Male<br/>
            <input type="checkbox" name="gender" value="f"/>Female<br/>
            <br/>
            <select class="big bold">
                <option value="ERTER">DFGDSFG</option>
                <option value="ZER">dfgsdf dfgsdf</option>
                <option value="ERTzerER">é"zsefsdf</option>
                <option value="azz">dfgdf</option>
                <option value="gdfg">aaaaaa</option>
                <option value="rt">gsdfgdf</option>
            </select>
        </form>      
    </body>
    <script type="text/javascript">
        var f = document.getElementsByName('firstname')[0];
        var g = document.getElementsByName('gender')[0];
        var m = document.getElementById('menu');
    </script>
</html>
